import React, { memo } from 'react'

import { RecommendWrapper, Content, RecommendLeft, RecommendRight } from './style'

import TopBanner from './c-cpns/top-banner'
import HotRecommend from './c-cpns/hot-recommend'
import NewAlbum from './c-cpns/new-album'
// import RecomendRanking from './c-cpns/recommend-ranking'

const recommend = memo(() => {

    return (
        <RecommendWrapper>
            <TopBanner />
            <Content className="wrap-v2">
                <RecommendLeft>
                    <HotRecommend></HotRecommend>
                    <NewAlbum />
                    {/* 榜单接口变化暂时失效 */}
                    {/* <RecomendRanking /> */}
                </RecommendLeft>
                <RecommendRight></RecommendRight>
            </Content>
        </RecommendWrapper>
    )
})

export default recommend